<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Sailer index</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="/static/css/bootstrap.min.css" rel='stylesheet' type='text/css' />
<link href="/static/css/style.css" rel='stylesheet' type='text/css' />
<link rel="stylesheet" href="/static/css/morris.css" type="text/css"/>
<link href="/static/css/font-awesome.css" rel="stylesheet">
<script src="/static/js/jquery-2.1.4.min.js"></script>
<link rel="stylesheet" href="/static/css/monthly.css">
<link href='http://fonts.googleapis.com/css?family=Roboto:700,500,300,100italic,100,400' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="/static/css/icon-font.min.css" type='text/css'/>
</head>
<body>
<div class="page-container">
    <div class="left-content">
        <!--商品信息浏览-->
        <div class="mother-grid-inner">
            <!--header start here-->
            <div class="header-main">
					<div class="logo-w3-agile">
                        <h4><a href="/signin_sailer_index/getChain">Block chain</a></h4>
                    </div>
					<div class="w3layouts-left">
							<!--search-box-->
								<div class="w3-search-box">
									<form action="#" method="post">
										<input type="text" placeholder="Search..." required="">
										<input type="submit" value="">
									</form>
								</div><!--//end-search-box-->
                        <div class="clearfix"> </div>
                    </div>
                    <div class="w3layouts-right">
                        <div class="profile_details_left"><!--notifications of menu start -->
                            <ul class="nofitications-dropdown">
                                <li class="dropdown head-dpdn">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i class="fa fa-envelope"></i><span class="badge">3</span></a>
                                    <ul class="dropdown-menu">
                                        <li>
                                            <div class="notification_header">
                                                <h3>You have 3 new messages</h3>
                                            </div>
                                        </li>

                                        <li><a href="#">
                                            <div class="user_img"><img src="/static/img/in11.jpg" alt=""></div>
                                            <div class="notification_desc">
                                                <p>Lorem ipsum dolor</p>
												<p><span>1 hour ago</span></p>
                                            </div>
                                            <div class="clearfix"></div>
											</a>
                                        </li>

                                        <li class="odd">
                                            <a href="#">
                                                <div class="user_img"><img src="/static/img/in10.jpg" alt=""></div>
                                                <div class="notification_desc">
                                                    <p>Lorem ipsum dolor </p>
                                                    <p><span>1 hour ago</span></p>
                                                </div>
                                                <div class="clearfix"></div>
											</a>
                                        </li>
											<li>
                                                <a href="#">
                                                    <div class="user_img"><img src="/static/img/in9.jpg" alt=""></div>
                                                    <div class="notification_desc">
                                                        <p>Lorem ipsum dolor</p>
                                                        <p><span>1 hour ago</span></p>
                                                    </div>
                                                    <div class="clearfix"></div>
                                                </a>
                                            </li>
                                        <li>
                                            <div class="notification_bottom">
                                                <a href="#">See all messages</a>
                                            </div>
                                        </li>
                                    </ul>
                                </li>
									<li class="dropdown head-dpdn">
										<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i class="fa fa-bell"></i><span class="badge blue">3</span></a>
										<ul class="dropdown-menu">
											<li>
												<div class="notification_header">
													<h3>You have 3 new notification</h3>
												</div>
											</li>
											<li><a href="#">
												<div class="user_img"><img src="/static/img/in8.jpg" alt=""></div>
											   <div class="notification_desc">
												<p>Lorem ipsum dolor</p>
												<p><span>1 hour ago</span></p>
												</div>
											  <div class="clearfix"></div>
											 </a></li>
											 <li class="odd"><a href="#">
												<div class="user_img"><img src="/static/img/in6.jpg" alt=""></div>
											   <div class="notification_desc">
												<p>Lorem ipsum dolor</p>
												<p><span>1 hour ago</span></p>
												</div>
											   <div class="clearfix"></div>
											 </a></li>
											 <li><a href="#">
												<div class="user_img"><img src="/static/img/in7.jpg" alt=""></div>
											   <div class="notification_desc">
												<p>Lorem ipsum dolor</p>
												<p><span>1 hour ago</span></p>
												</div>
											   <div class="clearfix"></div>
											 </a></li>
											 <li>
												<div class="notification_bottom">
													<a href="#">See all notifications</a>
												</div>
											</li>
										</ul>
									</li>
									<li class="dropdown head-dpdn">
										<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i class="fa fa-tasks"></i><span class="badge blue1">9</span></a>
										<ul class="dropdown-menu">
											<li>
												<div class="notification_header">
													<h3>You have 8 pending task</h3>
												</div>
											</li>
											<li><a href="#">
												<div class="task-info">
													<span class="task-desc">Database update</span><span class="percentage">40%</span>
													<div class="clearfix"></div>
												</div>
												<div class="progress progress-striped active">
													<div class="bar yellow" style="width:40%;"></div>
												</div>
											</a></li>
											<li><a href="#">
												<div class="task-info">
													<span class="task-desc">Dashboard done</span><span class="percentage">90%</span>
												   <div class="clearfix"></div>
												</div>
												<div class="progress progress-striped active">
													 <div class="bar green" style="width:90%;"></div>
												</div>
											</a></li>
											<li><a href="#">
												<div class="task-info">
													<span class="task-desc">Mobile App</span><span class="percentage">33%</span>
													<div class="clearfix"></div>
												</div>
											   <div class="progress progress-striped active">
													 <div class="bar red" style="width: 33%;"></div>
												</div>
											</a></li>
											<li><a href="#">
												<div class="task-info">
													<span class="task-desc">Issues fixed</span><span class="percentage">80%</span>
												   <div class="clearfix"></div>
												</div>
												<div class="progress progress-striped active">
													 <div class="bar  blue" style="width: 80%;"></div>
												</div>
											</a></li>
											<li>
												<div class="notification_bottom">
													<a href="#">See all pending tasks</a>
												</div>
											</li>
										</ul>
									</li>
									<div class="clearfix"> </div>
								</ul>
								<div class="clearfix"> </div>
							</div>
							<!--notification menu end -->

							<div class="clearfix"> </div>
						</div>
                    <div class="profile_details w3l">
                        <ul>
                            <li class="dropdown profile_details_drop">
                                <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                                    <div class="profile_img">
                                        <span class="prfil-img"><img src="/static/img/in4.jpg" alt=""> </span>
                                        <div class="user-name">
                                            <span>
                                                User
                                            </span>
                                        </div>
                                        <i class="fa fa-angle-down"></i>
                                        <i class="fa fa-angle-up"></i>
                                        <div class="clearfix"></div>
                                    </div>
                                </a>
                                <ul class="dropdown-menu drp-mnu">
                                    <li> <a href="home.html"><i class="fa fa-sign-out"></i> Logout</a> </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <div class="clearfix"> </div>
				</div>
            <!--header end here-->
            <br/>
            <!--<div class="validation-form">-->
                <!--<a>-->
                    <!--<h1>PERFECT YOUR INFORMATION</h1>-->
                <!--</a>-->

                <!--<form>-->
                    <!--&lt;!&ndash;货物名称&ndash;&gt;-->
                    <!--<div class="vali-form">-->
                        <!--<div class="col-md-6 form-group1 form-last">-->
                            <!--<label class="control-label">ID NAME</label>-->
                            <!--<input type="text" placeholder="123456" required="">-->
                        <!--</div>-->
                    <!--</div>-->
                    <!--<div class="clearfix"></div>-->
                    <!--&lt;!&ndash;货物名称&ndash;&gt;-->

                    <!--&lt;!&ndash;货物数量&ndash;&gt;-->
                    <!--<div class="col-md-12 form-group1 group-mail">-->
                        <!--<label class="control-label">USER NAME</label>-->
                        <!--<input type="text" placeholder="David Smith" required="">-->
                    <!--</div>-->
                    <!--<div class="clearfix"></div>-->
                    <!--&lt;!&ndash;货物数量&ndash;&gt;-->

                    <!--&lt;!&ndash;货物价格&ndash;&gt;-->
                    <!--<div class="col-md-12 form-group1 group-mail">-->
                        <!--<label class="control-label">ADDRESS</label>-->
                        <!--<input type="text" placeholder="address" required="">-->
                    <!--</div>-->
                    <!--<div class="clearfix"></div>-->
                    <!--&lt;!&ndash;货物价格&ndash;&gt;-->

                    <!--&lt;!&ndash;货物价格&ndash;&gt;-->
                    <!--<div class="col-md-12 form-group1 group-mail">-->
                        <!--<label class="control-label">CREDITS</label>-->
                        <!--<input type="text" placeholder="100" required="">-->
                    <!--</div>-->
                    <!--<div class="clearfix"></div>-->
                    <!--&lt;!&ndash;货物价格&ndash;&gt;-->

                    <!--&lt;!&ndash;货物价格&ndash;&gt;-->
                    <!--<div class="col-md-12 form-group1 group-mail">-->
                        <!--<label class="control-label">ACCOUNT</label>-->
                        <!--<input type="text" placeholder="$10,000,000,000" required="">-->
                    <!--</div>-->
                    <!--<div class="clearfix"> </div>-->
                    <!--&lt;!&ndash;货物价格&ndash;&gt;-->

                    <!--<div class="col-md-12 form-group">-->
                        <!--<button type="submit" class="btn btn-primary">Submit</button>-->
                        <!--<button type="reset" class="btn btn-default">Reset</button>-->
                    <!--</div>-->
                    <!--<div class="clearfix"></div>-->
                <!--</form>-->
            <!--</div>-->
            <div class="validation-form">
                <!--{{ name.chain }}-->

{% for item in name.chain %}
				<h1>区块号：{{ item.index}}</h1>
				<h2>上一块哈希值：{{ item.previous_hash }}</h2>
				<h2>当前哈希值：{{ item.current_hash }}</h2>
				<h3>时间戳： {{ item.timestamp }}</h3>
							<!--<li>{{ k }} &#45;&#45; {{ v }}</li>-->
							<div class="card">
                    <div class="card-body">
                        <div class="widget widget-report-table">
                            <!--表头-->
                            <header class="widget-header m-b-15"></header>
                            <!--表格内容-->
                            <div class="widget-body p-15">
                                   <table class="table table-bordered">
                                       <thead>
                                       <tr>
                                           <th>sales_time</th>
                                           <th>seller_name</th>
										   <th>price</th>
                                           <th>buyer_name</th>
										   <th>amount</th>
                                           <th>goods_name</th>
                                       </tr>
                                       </thead>

									   {% for item2 in item.transactions %}
									   <tbody>
                                       <tr>
										{% for k, v in item2.items() %}

                                           <!--<td>{{ k }}</td>-->
                                           <td>{{ v }}</td>

									   {% endfor %}
										   </tr>
						<br>
					{% endfor %}

                                       </tbody>
                                   </table>
                               </div>
                        </div>
                    </div>
                </div>
				{% endfor %}

            </div>

            <script>
		        $(document).ready(function() {
			    var navoffeset=$(".header-main").offset().top;
			    $(window).scroll(function(){
				var scrollpos=$(window).scrollTop();
				if(scrollpos >=navoffeset){
					$(".header-main").addClass("fixed");
				}else{
					$(".header-main").removeClass("fixed");
				}
			    });
		        });
            </script>
            <div class="clearfix"></div>
        </div>
    </div>
    <!--sidebar-menu start-->
    <div class="sidebar-menu">
           <!--======-->
           <header class="logo1">
               <a class="sidebar-icon">
                   <span class="fa fa-bars"></span>
               </a>
           </header>
           <!--======-->
           <div style="border-top:1px ridge rgba(255,255,255,0.15)"></div>
           <!--======-->
           <div class="menu">
			<ul id="menu">
				<!--1-->
				<li id="menu=academico1">
					<a href="/signin_sailer_goods">
						<i class="fa fa-tachometer"></i>
						<span>发布</span>
						<div class="clearfix"></div>
					</a>
				</li>
				<!--2-->
				<li id="menu=academico2">
					<a href="/signin_sailer_trans">
						<i class="fa fa-envelope nav_icon"></i>
						<span>物流</span>
						<div class="clearfix"></div>
					</a>
				</li>
				<!--3-->
                <li id="menu=academico3">
                    <a href="/signin_sailer_sails">
                        <i class="fa fa-picture-o"></i>
                        <span>交易</span>
                        <div class="clearfix"></div>
                    </a>
                </li>
				<!--4-->
				<li id="menu-academico4">
					<a href="/signin_sailer_system">
						<i class="fa fa-bar-chart"></i>
						<span>申诉</span>
						<div class="clearfix"></div>
					</a>
				</li>
			</ul>
		</div>
       </div>
    <div class="clearfix"></div>
    <!--sidebar-menu end-->
</div>
<script>

							var toggle = true;

							$(".sidebar-icon").click(function() {
							  if (toggle)
							  {
								$(".page-container").addClass("sidebar-collapsed").removeClass("sidebar-collapsed-back");
								$("#menu span").css({"position":"absolute"});
							  }
							  else
							  {
								$(".page-container").removeClass("sidebar-collapsed").addClass("sidebar-collapsed-back");
								setTimeout(function() {
								  $("#menu span").css({"position":"relative"});
								}, 400);
							  }

											toggle = !toggle;
										});
							</script>
<!--js -->
<script src="/static/js/jquery.nicescroll.js"></script>
<script src="/static/js/scripts.js"></script>
<!-- Bootstrap Core JavaScript -->
   <script src="/static/js/bootstrap.min.js"></script>
   <!-- /Bootstrap Core JavaScript -->
<!-- morris JavaScript -->
<script src="/static/js/raphael-min.js"></script>
<script src="/static/js/morris.js"></script>
<script>
	$(document).ready(function() {
		//BOX BUTTON SHOW AND CLOSE
	   jQuery('.small-graph-box').hover(function() {
		  jQuery(this).find('.box-button').fadeIn('fast');
	   }, function() {
		  jQuery(this).find('.box-button').fadeOut('fast');
	   });
	   jQuery('.small-graph-box .box-close').click(function() {
		  jQuery(this).closest('.small-graph-box').fadeOut(200);
		  return false;
	   });

	    //CHARTS
	    function gd(year, day, month) {
			return new Date(year, month - 1, day).getTime();
		}

		graphArea2 = Morris.Area({
			element: 'hero-area',
			padding: 10,
        behaveLikeLine: true,
        gridEnabled: false,
        gridLineColor: '#dddddd',
        axes: true,
        resize: true,
        smooth:true,
        pointSize: 0,
        lineWidth: 0,
        fillOpacity:0.85,
			data: [
				{period: '2014 Q1', iphone: 2668, ipad: null, itouch: 2649},
				{period: '2014 Q2', iphone: 15780, ipad: 13799, itouch: 12051},
				{period: '2014 Q3', iphone: 12920, ipad: 10975, itouch: 9910},
				{period: '2014 Q4', iphone: 8770, ipad: 6600, itouch: 6695},
				{period: '2015 Q1', iphone: 10820, ipad: 10924, itouch: 12300},
				{period: '2015 Q2', iphone: 9680, ipad: 9010, itouch: 7891},
				{period: '2015 Q3', iphone: 4830, ipad: 3805, itouch: 1598},
				{period: '2015 Q4', iphone: 15083, ipad: 8977, itouch: 5185},
				{period: '2016 Q1', iphone: 10697, ipad: 4470, itouch: 2038},
				{period: '2016 Q2', iphone: 8442, ipad: 5723, itouch: 1801}
			],
			lineColors:['#ff4a43','#a2d200','#22beef'],
			xkey: 'period',
            redraw: true,
            ykeys: ['iphone', 'ipad', 'itouch'],
            labels: ['All Visitors', 'Returning Visitors', 'Unique Visitors'],
			pointSize: 2,
			hideHover: 'auto',
			resize: true
		});


	});
	</script>
<!-- calendar -->
	<script type="text/javascript" src="/static/js/monthly.js"></script>
	<script type="text/javascript">
		$(window).load( function() {

			$('#mycalendar').monthly({
				mode: 'event',

			});

			$('#mycalendar2').monthly({
				mode: 'picker',
				target: '#mytarget',
				setWidth: '250px',
				startHidden: true,
				showTrigger: '#mytarget',
				stylePast: true,
				disablePast: true
			});

		switch(window.location.protocol) {
		case 'http:':
		case 'https:':
		// running on a server, should be good.
		break;
		case 'file:':
		alert('Just a heads-up, events will not work when run locally.');
		}

		});
	</script>
<!-- //calendar -->

</body>
</html>